<template>
    <div>
        <el-row>
            <el-col>
                <el-card class="form-card">
                    <div slot="header" class="clearfix" style="text-align: center">
                        <h1 style="font-weight: lighter;color: #00A0E9">两人以上有限公司注册</h1>
                        <p style="margin-top: 10px;font-size: 14px;color: gray">(平日所有的努力，就是为了这一刻而准备。)</p>
                    </div>
                    <el-form label-position="right" ref="multiForm" label-width="150px" :model="multiFormModel">
                        <el-form-item label="核准文号">
                            <el-input v-model="multiFormModel.wh_01"></el-input>
                        </el-form-item>
                        <el-form-item label="公司名称">
                            <el-input v-model="multiFormModel.mz_01"></el-input>
                        </el-form-item>
                        <el-form-item label="公司住所">
                            <el-input v-model="multiFormModel.dz_01"></el-input>
                        </el-form-item>
                        <hr style="height: 0.1px;opacity: 0.2;box-shadow: whitesmoke">
                        <div style="text-align: center;margin-bottom: 5px;margin-top: 5px">
                            <p>公司股东</p>
                        </div>
                        <el-form-item label="注册资本（认缴）">
                            <el-input v-model="multiFormModel.zb_01"></el-input>
                        </el-form-item>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">股东1：</p>
                        </div>
                        <el-form inline="" style="text-align: center">
                            <el-form-item label="姓名">
                                <el-input v-model="multiFormModel.gd_01"></el-input>
                            </el-form-item>
                            <el-form-item label="身份证号">
                                <el-input v-model="multiFormModel.sfz_01"></el-input>
                            </el-form-item>
                            <el-form-item label="出资资本">
                                <el-input v-model="multiFormModel.cz_01"></el-input>
                            </el-form-item>
                            <el-form-item label="持股比例">
                                <el-input v-model="multiFormModel.bl_01"></el-input>
                            </el-form-item>
                        </el-form>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">股东2：</p>
                        </div>
                        <el-form inline="" style="text-align: center">
                            <el-form-item label="姓名">
                                <el-input v-model="multiFormModel.gd_02"></el-input>
                            </el-form-item>
                            <el-form-item label="身份证号">
                                <el-input v-model="multiFormModel.sfz_02"></el-input>
                            </el-form-item>
                            <el-form-item label="出资资本">
                                <el-input v-model="multiFormModel.cz_02"></el-input>
                            </el-form-item>
                            <el-form-item label="持股比例">
                                <el-input v-model="multiFormModel.bl_02"></el-input>
                            </el-form-item>
                        </el-form>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">股东3：</p>
                        </div>
                        <el-form inline="" style="text-align: center">
                            <el-form-item label="姓名">
                                <el-input v-model="multiFormModel.gd_03"></el-input>
                            </el-form-item>
                            <el-form-item label="身份证号">
                                <el-input v-model="multiFormModel.sfz_03"></el-input>
                            </el-form-item>
                            <el-form-item label="出资资本">
                                <el-input v-model="multiFormModel.cz_03"></el-input>
                            </el-form-item>
                            <el-form-item label="持股比例">
                                <el-input v-model="multiFormModel.bl_03"></el-input>
                            </el-form-item>
                        </el-form>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">股东4：</p>
                        </div>
                        <el-form inline="" style="text-align: center">
                            <el-form-item label="姓名">
                                <el-input v-model="multiFormModel.gd_04"></el-input>
                            </el-form-item>
                            <el-form-item label="身份证号">
                                <el-input v-model="multiFormModel.sfz_04"></el-input>
                            </el-form-item>
                            <el-form-item label="出资资本">
                                <el-input v-model="multiFormModel.cz_04"></el-input>
                            </el-form-item>
                            <el-form-item label="持股比例">
                                <el-input v-model="multiFormModel.bl_04"></el-input>
                            </el-form-item>
                        </el-form>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">股东5：</p>
                        </div>
                        <el-form inline="" style="text-align: center">
                            <el-form-item label="姓名">
                                <el-input v-model="multiFormModel.gd_05"></el-input>
                            </el-form-item>
                            <el-form-item label="身份证号">
                                <el-input v-model="multiFormModel.sfz_05"></el-input>
                            </el-form-item>
                            <el-form-item label="出资资本">
                                <el-input v-model="multiFormModel.cz_05"></el-input>
                            </el-form-item>
                            <el-form-item label="持股比例">
                                <el-input v-model="multiFormModel.bl_05"></el-input>
                            </el-form-item>
                        </el-form>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">股东6：</p>
                        </div>
                        <el-form inline="" style="text-align: center">
                            <el-form-item label="姓名">
                                <el-input v-model="multiFormModel.gd_06"></el-input>
                            </el-form-item>
                            <el-form-item label="身份证号">
                                <el-input v-model="multiFormModel.sfz_06"></el-input>
                            </el-form-item>
                            <el-form-item label="出资资本">
                                <el-input v-model="multiFormModel.cz_06"></el-input>
                            </el-form-item>
                            <el-form-item label="持股比例">
                                <el-input v-model="multiFormModel.bl_06"></el-input>
                            </el-form-item>
                        </el-form>

                        <hr style="height: 0.1px;opacity: 0.2;box-shadow: whitesmoke">
                        <div style="text-align: center;margin-bottom: 5px;margin-top: 5px">
                            <p>组织架构</p>
                        </div>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">执行董事（法人）兼经理：</p>
                        </div>
                        <el-form-item label="姓名">
                            <el-input v-model="multiFormModel.fr_01"></el-input>
                        </el-form-item>
                        <el-form-item label="身份证号">
                            <el-input v-model="multiFormModel.fr_02"></el-input>
                        </el-form-item>
                        <div style="width: 150px">
                            <p style="font-size: 12px;color: darkseagreen;float: right">监事：</p>
                        </div>
                        <el-form-item label="姓名">
                            <el-input v-model="multiFormModel.js_01"></el-input>
                        </el-form-item>
                        <el-form-item label="身份证号">
                            <el-input v-model="multiFormModel.js_02"></el-input>
                        </el-form-item>
                        <hr style="height: 0.1px;opacity: 0.2;box-shadow: whitesmoke">
                        <div style="text-align: center;margin-bottom: 5px;margin-top: 5px">
                            <p>经营范围</p>
                        </div>
                        <el-form-item label="主营项目">
                            <el-input type="textarea" v-model="multiFormModel.lb_01"></el-input>
                        </el-form-item>
                        <el-form-item label="一般经营项目">
                            <el-input type="textarea" v-model="multiFormModel.yb_01"></el-input>
                        </el-form-item>
                        <el-form-item label="许可经营项目">
                            <el-input type="textarea" v-model="multiFormModel.xk_01"></el-input>
                        </el-form-item>
                        <div style="text-align: center">
                            <el-button type="primary" @click="submitForm('multiForm')">生成</el-button>
                            <el-button @click="resetForm('multiForm')">重置</el-button>
                        </div>
                    </el-form>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
      name: 'MultiForm',
      data () {
        return {
          multiFormModel: {}
        }
      },
      mounted () {
        document.title = '多人有限公司资料填写'
      },
      methods: {
        submitForm (formName) {
          console.log(this.multiFormModel)
          this.$router.push({name: 'multi-result', params: this.multiFormModel})
        },
        resetForm (formName) {
          this.multiFormModel = {}
        }
      }
    }
</script>

<style scoped>

</style>